
//////////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                              //
//                          Nord v1.0 for Telegram Desktop.                                     //
//                                                                                              //
//                                                                                              //
//        Source code: https://github.com/gilbertw1/telegram-nord-theme                         //
//                                                                                              //
//        Published under MIT Licence. Feel free to modify this file whatever you want.         //
//        Mentioning the original repo (see above) isn't mandatory, but highly appreciated!     //
//                                                                                              //
//                                                                                              //
//        Forked from: https://github.com/MasterGroosha/telegram-soliddark-theme                //
//                                                                                              //
//                                                                                              //
//////////////////////////////////////////////////////////////////////////////////////////////////

// Color presets //
COLOR_GRAY: #939FB5;                            // #999999
COLOR_DARK: #3B4252;                            // Main color (dark one)
COLOR_BLUE_DARK: #5E81AC;                      // Accent color
COLOR_BLUE_LIGHT: #81A1C1;                     // Accent color #2 (just like first one with slight changes)
COLOR_CYAN_RIPPLE_ACTIVE: #88C0D0;

COLOR_WHITE: #D8DEE9;
COLOR_BLACK: #2E3440;

// basic
windowBg: COLOR_DARK;                           // Window backgrounds
windowFg: COLOR_WHITE;                          // Main text / chat text
windowBgOver: #2E3440;                          // Search field background + buttons color in context menu
windowBgRipple: #242B36;                        // Inactive chat in chats list (press & hold)
windowFgOver: windowFg;                         // black: fallback for over text color
windowSubTextFg: COLOR_GRAY;                    // Chats list message preview text
windowSubTextFgOver: #919191;                   // Mouse over chats list message preview text
windowBoldFg: COLOR_WHITE;                      // Bold font (titles in Settings, Left menu options)
windowBoldFgOver: COLOR_BLUE_LIGHT;            // Mouse over chats list chat name text (+ Left menu options on hover)
windowBgActive: COLOR_BLUE_DARK;               // Active button background (+ checkboxes background)
windowFgActive: COLOR_WHITE;                    // Active selected chats list text / button text + checkboxes' "ticks" color
windowActiveTextFg: COLOR_BLUE_LIGHT;          // Online status, links, recording cancel, etc
windowShadowFg: COLOR_BLACK;                    // Window border shadows
windowShadowFgFallback: COLOR_DARK;             // Notification border

shadowFg: #00000018;                            // Internal border shadows
slideFadeOutBg: #0000003c;
slideFadeOutShadowFg: windowShadowFg;           // Window slide animation shadow

imageBg: COLOR_BLACK;
imageBgTransparent: COLOR_WHITE;

//widgets
activeButtonBg: COLOR_BLUE_DARK;               // Currently selected button background
activeButtonBgOver: #A3BE8C;                    // Mouse over currently selected button background
activeButtonBgRipple: COLOR_CYAN_RIPPLE_ACTIVE;// Primary button background color (and active chat) - Press & hold
activeButtonFg: COLOR_DARK;                    // Currently selected button text
activeButtonFgOver: activeButtonFg;             // Mouse over currently selected button text
activeButtonSecondaryFg: COLOR_WHITE;           // Counter color on primary button
activeButtonSecondaryFgOver: COLOR_WHITE;       // Counter color on primary button (hover)
activeLineFg: COLOR_BLUE_DARK;                 // Active input field line color (normal)
activeLineFgError: #BF616A;                     // Active input field line color (error)

lightButtonBg: COLOR_DARK;                      // Secondary button background color (default)
lightButtonBgOver: #BF616A;                     // Secondary button background color (hover)
lightButtonBgRipple: #242B36;                   // Secondary button background color (press & hold)
lightButtonFg: COLOR_WHITE;                     // Secondary button text color
lightButtonFgOver: lightButtonFg;

attentionButtonFg: #BF616A;
attentionButtonFgOver: COLOR_DARK;
attentionButtonBgOver: #B35B63;
attentionButtonBgRipple: #BF616A;

outlineButtonBg: COLOR_DARK;                    // Buttons background in profiles (shared media)
outlineButtonBgOver: lightButtonBgOver;
outlineButtonOutlineFg: windowBgActive;
outlineButtonBgRipple: lightButtonBgRipple;

menuBg: COLOR_DARK;
menuBgOver: windowBgOver;
menuBgRipple: windowBgRipple;
menuIconFg: COLOR_GRAY;                         // Icons color (left menu button, scroll down, paperclip..)
menuIconFgOver: COLOR_BLUE_LIGHT;              // Icons color on hover (left menu button, scroll down, paperclip..)
menuSubmenuArrowFg: #373737;                    // (unknown)
menuFgDisabled: #cccccc;
menuSeparatorFg: COLOR_DARK;                    // (unknown)

scrollBarBg: #81A1C1bc;                         // Scrollbar (chats list) current position
scrollBarBgOver: #81A1C1bc;                     // Mouse over scrollbar (chats list) current position
scrollBg: #0000001a;                            // Scrollbar (chats list) background
scrollBgOver: #0000002c;                        // Mouse over scrollbar (chats list) background

smallCloseIconFg: #5E81AC;
smallCloseIconFgOver: #57769C;

radialFg: COLOR_WHITE;
radialBg: #00000056;

placeholderFg: #798394;                      // Inactive input box placeholder text
placeholderFgActive: COLOR_GRAY;                   // Active input box placeholder text
inputBorderFg: #B8CFDE;
filterInputBorderFg: COLOR_BLUE_DARK;          // Search field border
filterInputInactiveBg: windowBgOver;
checkboxFg: #95A8BA;

sliderBgInactive: #e1eaef;                      // Inactive media player button (prev/next song)
sliderBgActive: windowBgActive;                 // Active media player button (prev/next song)

tooltipBg: #eef2f5;
tooltipFg: #5A7485;
tooltipBorderFg: #C9D6DB;

// custom title bar for Windows and macOS
titleBg: COLOR_DARK;                            // Title bar
titleShadow: #00000003;
titleButtonFg: #97A5AD;                         // Title bar buttons(min/max/close)
titleButtonBgOver: #BDCBDB;                     // Title bar min/max background (hover)
titleButtonFgOver: #838D9C;                     // Title bar min/max icons
titleButtonCloseBgOver: #E06C75;
titleButtonCloseFgOver: COLOR_WHITE;
titleFgActive: COLOR_WHITE;                         // Active title bar text (Mac)
titleFg: COLOR_GRAY;                               // Inactive title bar text (Mac)

// tray icon
trayCounterBg: #E06C75;                         // Unread messages counter background in tray (not muted, default red)
trayCounterBgMute: #CC626A;                     // Unread messages counter background in tray (muted, default gray)
trayCounterFg: COLOR_WHITE;                     // Unread messages counter text (number)
trayCounterBgMacInvert: COLOR_WHITE;
trayCounterFgMacInvert: COLOR_WHITE;

// layers
layerBg: #0000007f;

cancelIconFg: menuIconFg;
cancelIconFgOver: menuIconFgOver;

// boxes
boxBg: COLOR_DARK;                              // Popup windows background color
boxTextFg: COLOR_GRAY;                          // Popup windows text color
boxTextFgGood: COLOR_BLUE_LIGHT;                         // Popup windows "good" text (e.g. "Username available")
boxTextFgError: #d84d4d;                        // Popup windows "bad" text (e.g. "Username already taken")
boxTitleFg: COLOR_WHITE;                        // Popup windows titles color (sessions, contacts...)
boxSearchBg: boxBg;
boxSearchCancelIconFg: cancelIconFg;
boxSearchCancelIconFgOver: cancelIconFgOver;

boxTitleAdditionalFg: #808080;
boxTitleCloseFg: cancelIconFg;
boxTitleCloseFgOver: cancelIconFgOver;

membersAboutLimitFg: windowSubTextFgOver;

contactsBg: COLOR_DARK;                         // Contacts list background color
contactsBgOver: windowBgOver;                   // Contacts list mouse over background
contactsNameFg: COLOR_WHITE;
contactsStatusFg: COLOR_GRAY;                   // Contacts list last seen
contactsStatusFgOver: windowSubTextFgOver;
contactsStatusFgOnline: windowActiveTextFg;

photoCropFadeBg: layerBg;                       // "Out-of-bounds" area in photo cropping (avatars etc...)
photoCropPointFg: COLOR_WHITE;                  // Photo crop "corners" (which you drag to crop photo)

// intro
introBg: COLOR_DARK;
introTitleFg: windowBoldFg;
introDescriptionFg: COLOR_GRAY;
introErrorFg: COLOR_GRAY;

introCoverTopBg: COLOR_BLUE_LIGHT;                   // ... on "startup" screen, before entering phone number...
introCoverBottomBg: COLOR_BLUE_LIGHT;                   // ... on "startup" screen, before entering phone number...
introCoverIconsFg: COLOR_BLUE_DARK;                    // ... unfortunately, this requires lots of logouts and logins...
introCoverPlaneTrace: COLOR_BLUE_LIGHT;               // ... so not possible to test this. Sorry!
introCoverPlaneInner: COLOR_BLUE_DARK;
introCoverPlaneOuter: COLOR_BLUE_DARK;
introCoverPlaneTop: COLOR_WHITE;

dialogsMenuIconFg: menuIconFg;
dialogsMenuIconFgOver: menuIconFgOver;

dialogsBg: COLOR_DARK;                          // Chats list background color
dialogsNameFg: COLOR_WHITE;
dialogsChatIconFg: dialogsNameFg;
dialogsDateFg: COLOR_GRAY;                      // Chats list date text
dialogsTextFg: COLOR_GRAY;                      // Chats list message preview text
dialogsTextFgService: windowActiveTextFg;       // Chats list message preview sender name
dialogsDraftFg: #fb4934;                        // "Draft" word
dialogsVerifiedIconBg: windowBgActive;          // Verification icon background
dialogsVerifiedIconFg: COLOR_WHITE;             // Verification icon check color
dialogsSendingIconFg: #94A6B5;
dialogsSentIconFg: COLOR_CYAN_RIPPLE_ACTIVE;
dialogsUnreadBg: COLOR_BLUE_LIGHT;                       // Chats list unread counter background
dialogsUnreadBgMuted: COLOR_GRAY;                  // Unread counter (for muted chats) + pins color(?)
dialogsUnreadFg: COLOR_WHITE;                   // Unread counter text color

dialogsBgOver: #374657;                         // Inactive chat color on hover
dialogsNameFgOver: COLOR_WHITE;
dialogsChatIconFgOver: dialogsNameFg;
dialogsDateFgOver: COLOR_GRAY;
dialogsTextFgOver: COLOR_GRAY;
dialogsTextFgServiceOver: windowActiveTextFg; // Mouse over chats list message preview sender name
dialogsDraftFgOver: #fb4934;
dialogsVerifiedIconBgOver: windowBgActive;
dialogsVerifiedIconFgOver: COLOR_WHITE;
dialogsSendingIconFgOver: #9DAEC4;
dialogsSentIconFgOver: COLOR_CYAN_RIPPLE_ACTIVE;
dialogsUnreadBgOver: COLOR_BLUE_LIGHT;
dialogsUnreadBgMutedOver: #999999;
dialogsUnreadFgOver: COLOR_WHITE;

dialogsBgActive: COLOR_BLUE_LIGHT;                       // Active chat color (in chats list)
dialogsNameFgActive: COLOR_DARK;
dialogsChatIconFgActive: COLOR_DARK;
dialogsDateFgActive: COLOR_DARK;
dialogsTextFgActive: COLOR_DARK;
dialogsTextFgServiceActive: COLOR_DARK;
dialogsDraftFgActive: #CC626A;                  // "Draft" word when chat is selected
dialogsVerifiedIconBgActive: COLOR_DARK;
dialogsVerifiedIconFgActive: COLOR_DARK;
dialogsSendingIconFgActive: COLOR_BLUE_LIGHT;
dialogsSentIconFgActive: COLOR_BLUE_LIGHT;
dialogsUnreadBgActive: COLOR_DARK;
dialogsUnreadBgMutedActive: COLOR_DARK;
dialogsUnreadFgActive: COLOR_BLUE_LIGHT;

dialogsForwardBg: dialogsBgActive;
dialogsForwardFg: dialogsNameFgActive;

searchedBarBg: COLOR_DARK;                      // Search results window background color
searchedBarBorder: COLOR_BLUE_DARK;
searchedBarFg: COLOR_BLUE_LIGHT;               // Search results text color

// history
topBarBg: COLOR_DARK;                           // Chat header background
emojiPanBg: COLOR_DARK;                         // Sticker panel background
emojiPanCategories: COLOR_DARK;                 // Sticker panel bottom bar background
emojiPanHeaderFg: COLOR_BLUE_LIGHT;            // Sticker panel title text
emojiPanHeaderBg: COLOR_DARK;                   // Sticker panel top bar background
stickerPanDeleteBg: #000000cc;
stickerPanDeleteFg: COLOR_WHITE;
stickerPreviewBg: #28323BCC;                    // Sticker preview background

historyTextInFg: #B6C6D6;                       // Incoming messages TEXT color
historyTextOutFg: #B6C6D6;                      // Outgoing messages TEXT color
historyCaptionInFg: historyTextInFg;
historyCaptionOutFg: historyTextOutFg;
historyFileNameInFg: historyTextInFg;
historyFileNameOutFg: historyTextOutFg;
historyOutIconFg: dialogsSentIconFg;            // "Eye" and "Ticks" color for outgoing messages (selected)
historyOutIconFgSelected: COLOR_BLUE_LIGHT;    // "Eye" and "Ticks" color for outgoing messages (selected)
historyIconFgInverted: COLOR_WHITE;
historySendingOutIconFg: #56B5C2;               // "Clock" icon while sending file (outgoing)
historySendingInIconFg: #849BB5;                // "Clock" icon while sending file (incoming)
historySendingInvertedIconFg: COLOR_WHITE;

historySystemBg: #89a0b47f;
historySystemBgSelected: #A5BDD4a2;
historySystemFg: COLOR_WHITE;

historyUnreadBarBg: #384045;                    // Unread messages bar color
historyUnreadBarBorder: COLOR_DARK;
historyUnreadBarFg: #ededed;

historyForwardChooseBg: #0000004c;              // "Choose recipient" BACKGROUND color (forwarding)
historyForwardChooseFg: COLOR_WHITE;            // "Choose recipient" TEXT color (forwarding)

historyPeer1NameFg: #D08770;                    // Group chat sender name - Orange
historyPeer1UserpicBg: #5E81AC;                   // Blue
historyPeer2NameFg: #A3BE8C;                    // Green
historyPeer2UserpicBg: #B48EAD;                   // Magenta
historyPeer3NameFg: #81A1C1;                    // Blue
historyPeer3UserpicBg: #EBCB8B;                   // Orange
historyPeer4NameFg: #B48EAD;                    // Megenta
historyPeer4UserpicBg: #8FBCBB;                   // Green
historyPeer5NameFg: #8FBCBB;                    // Light Green
historyPeer5UserpicBg: #BF616A;                   // Red
historyPeer6NameFg: #BF616A;                    // Red
historyPeer6UserpicBg: #81A1C1;                   // Dark Blue
historyPeer7NameFg: #88C0D0;                    // Dark Magenta
historyPeer7UserpicBg: #A3BE8C;                   // Light Green
historyPeer8NameFg: #EBCB8B;                    // Yellow
historyPeer8UserpicBg: #D08770;                   // Dark Magenta
historyPeerUserpicFg: COLOR_DARK;

historyScrollBarBg: #56B5C27a;                  // Scrollbar (history view) background
historyScrollBarBgOver: #56B5C2bc;              // Scrollbar (history view) background (hover)
historyScrollBg: #626D704d;                     // Scrollbar (history view) current position background
historyScrollBgOver: #64707580;                 // Scrollbar (history view) current position background (hover)

msgInBg: #434C5E;                               // Incoming message background
msgInBgSelected: #363E4D;                       // Selected incoming message background
msgOutBg: #4C566A;                              // Outgoing message background
msgOutBgSelected: #404959;                      // Selected outgoing message background
msgSelectOverlay: #4049599b;                    // Selected media (images...) overlay
msgStickerOverlay: #2223237f;                   // Selected sticker overlay
msgInServiceFg: windowActiveTextFg;             // Incoming reply quoted name
msgInServiceFgSelected: windowActiveTextFg;     // Selected incoming reply quoted name
msgOutServiceFg: COLOR_BLUE_LIGHT;             // Outgoing reply quoted name
msgOutServiceFgSelected: #367570;               // Selected outgoing reply quoted name
msgInShadow: #34394029;                         // Incoming message box shadow
msgInShadowSelected: #29303629;                 // Selected incoming message box shadow
msgOutShadow: #4e4f4e40;                        // Outgoing message box shadow
msgOutShadowSelected: #29303640;                // Selected outgoing message box shadow
msgInDateFg: COLOR_GRAY;                           // Incoming message date text
msgInDateFgSelected: COLOR_BLUE_LIGHT;
msgOutDateFg: COLOR_GRAY;                       // Outgoing message date text
msgOutDateFgSelected: COLOR_BLUE_LIGHT;
msgServiceFg: COLOR_WHITE;                      // Service messages TEXT color (join, left etc)
msgServiceBg: #2E3440;                          // Service messages BACKGROUND color (join, left etc)
msgServiceBgSelected: #8ca0b3a2;
msgInReplyBarColor: COLOR_BLUE_DARK;           // Incoming msg: vertical bar next to reply
msgInReplyBarSelColor: COLOR_BLUE_DARK;        // Incoming msg: vertical bar next to reply (selected)
msgOutReplyBarColor: COLOR_BLUE_DARK;          // Outgoing msg: vertical bar next to reply
msgOutReplyBarSelColor: COLOR_BLUE_DARK;       // Outgoing msg: vertical bar next to reply (selected)
msgInMonoFg: COLOR_BLUE_LIGHT;                 // Monowidth font / incoming msg
msgOutMonoFg: COLOR_BLUE_LIGHT;                // Monowidth font / outgoing msg
msgDateImgFg: msgServiceFg;
msgDateImgBg: #00000054;                        // Download / play / etc overlay backgrounds
msgDateImgBgOver: #00000074;                    // Mouse over download / play / etc overlay backgrounds
msgDateImgBgSelected: #1c4a7187;

msgFileThumbLinkInFg: lightButtonFg;
msgFileThumbLinkInFgSelected: lightButtonFgOver;
msgFileThumbLinkOutFg: #56B5C2;
msgFileThumbLinkOutFgSelected: #56B6C2;
msgFileInBg: windowBgActive;
msgFileInBgOver: #56B5C2;
msgFileInBgSelected: #56B6C2;
msgFileOutBg: COLOR_BLUE_DARK;
msgFileOutBgOver: #56B5C2;
msgFileOutBgSelected: #56B6C2;

msgFile1Bg: #72b1df;
msgFile1BgDark: #5c9ece;
msgFile1BgOver: #5294c4;
msgFile1BgSelected: #5099d0;
msgFile2Bg: #61b96e;
msgFile2BgDark: #4da859;
msgFile2BgOver: #44a050;
msgFile2BgSelected: #46a07e;
msgFile3Bg: #e47272;
msgFile3BgDark: #cd5b5e;
msgFile3BgOver: #c35154;
msgFile3BgSelected: #9f6a82;
msgFile4Bg: #efc274;
msgFile4BgDark: #e6a561;
msgFile4BgOver: #dc9c5a;
msgFile4BgSelected: #b19d84;

historyFileInIconFg: COLOR_WHITE;                 // Uploading/downloading icons?
historyFileInIconFgSelected: COLOR_WHITE;
historyFileInRadialFg: COLOR_WHITE;
historyFileInRadialFgSelected: COLOR_WHITE;
historyFileOutIconFg: COLOR_WHITE;
historyFileOutIconFgSelected: COLOR_WHITE;
historyFileOutRadialFg: COLOR_WHITE;
historyFileOutRadialFgSelected: COLOR_WHITE;
historyFileThumbIconFg: COLOR_WHITE;
historyFileThumbIconFgSelected: COLOR_WHITE;
historyFileThumbRadialFg: COLOR_WHITE;
historyFileThumbRadialFgSelected: COLOR_WHITE;

msgWaveformInActive: windowBgActive;             // Incoming Voice "heard" part
msgWaveformInActiveSelected: COLOR_BLUE_LIGHT;  // Selected incoming Voice "heard" part
msgWaveformInInactive: #d4dee6;                  // Incoming Voice "unheard" part
msgWaveformInInactiveSelected: COLOR_WHITE;      // Selected incoming Voice "unheard" part
msgWaveformOutActive: windowBgActive;            // Outgoing Voice "heard" part
msgWaveformOutActiveSelected: COLOR_BLUE_LIGHT; // Selected outgoing Voice "heard" part
msgWaveformOutInactive: COLOR_WHITE;             // Outgoing Voice "unheard" part
msgWaveformOutInactiveSelected: COLOR_WHITE;     // Selected outgoing Voice "unheard" part

msgBotKbOverBgAdd: COLOR_DARK;                   // Inline button (hover)
msgBotKbIconFg: COLOR_WHITE;                     // Inline button icon color (URL Buttons, for example)
msgBotKbRippleBg: #00000020;                     // Inline button (press & hold)

mediaInFg: msgInDateFg;
mediaInFgSelected: msgInDateFgSelected;
mediaOutFg: msgOutDateFg;
mediaOutFgSelected: msgOutDateFgSelected;

youtubePlayIconBg: #e83131c8;
youtubePlayIconFg: COLOR_WHITE;
videoPlayIconBg: #0000007f;
videoPlayIconFg: COLOR_WHITE;
toastBg: #000000b2;
toastFg: COLOR_WHITE;

reportSpamBg: emojiPanHeaderBg;
reportSpamFg: COLOR_GRAY;

historyToDownShadow: #00000040;
historyComposeAreaBg: msgInBg;
historyComposeAreaFg: COLOR_WHITE;               // Text color in "Type your message" field
historyComposeAreaFgService: msgInDateFg;
historyComposeIconFg: menuIconFg;
historyComposeIconFgOver: menuIconFgOver;
historySendIconFg: windowBgActive;
historySendIconFgOver: windowBgActive;
historyPinnedBg: historyComposeAreaBg;
historyReplyBg: historyComposeAreaBg;
historyReplyCancelFg: cancelIconFg;
historyReplyCancelFgOver: cancelIconFgOver;

historyComposeButtonBg: historyComposeAreaBg;
historyComposeButtonBgOver: windowBgOver;
historyComposeButtonBgRipple: windowBgRipple;

// overview
overviewCheckBg: #00000040;
overviewCheckFg: COLOR_DARK;
overviewCheckFgActive: COLOR_DARK;
overviewPhotoSelectOverlay: #40ace333;
profileStatusFgOver: #7c99b2;
notificationsBoxMonitorFg: COLOR_GRAY;
notificationsBoxScreenBg: dialogsBgActive;
notificationSampleUserpicFg: windowBgActive;
notificationSampleCloseFg: #d7d7d7;
notificationSampleTextFg: #d7d7d7;
notificationSampleNameFg: #939393;

mainMenuBg: COLOR_DARK;                         // Left menu background (lower part, not buttons)
mainMenuCoverBg: dialogsBgActive;               // Left menu background (upper part)
mainMenuCoverFg: COLOR_DARK;
mediaPlayerBg: COLOR_DARK;                      // Music player background
mediaPlayerActiveFg: COLOR_BLUE_DARK;          // Clickable Next song/Prev song button in music player
mediaPlayerInactiveFg: #4f5151;                 // "Disabled" Next song/Prev song button in music player
mediaPlayerDisabledFg: #9dd1ef;
mediaviewFileBg: COLOR_DARK;
mediaviewFileNameFg: COLOR_GRAY;
mediaviewFileSizeFg: COLOR_GRAY;
mediaviewFileRedCornerFg: #E06C75;
mediaviewFileYellowCornerFg: #ECBE7B;
mediaviewFileGreenCornerFg: #B1DE76;
mediaviewFileBlueCornerFg: #599dcf;
mediaviewFileExtFg: activeButtonFg;
mediaviewMenuBg: #383838;
mediaviewMenuBgOver: #505050;
mediaviewMenuBgRipple: #676767;
mediaviewMenuFg: COLOR_WHITE;
mediaviewBg: #222222eb;
mediaviewVideoBg: imageBg;
mediaviewControlBg: #0000003c;
mediaviewControlFg: COLOR_WHITE;
mediaviewCaptionBg: #11111180;
mediaviewCaptionFg: mediaviewControlFg;
mediaviewTextLinkFg: #91d9ff;
mediaviewSaveMsgBg: toastBg;
mediaviewSaveMsgFg: toastFg;
mediaviewPlaybackActive: #c7c7c7;
mediaviewPlaybackInactive: #252525;
mediaviewPlaybackActiveOver: COLOR_WHITE;
mediaviewPlaybackInactiveOver: #474747;
mediaviewPlaybackProgressFg: COLOR_WHITE;
mediaviewPlaybackIconFg: mediaviewPlaybackActive;
mediaviewPlaybackIconFgOver: mediaviewPlaybackActiveOver;
mediaviewTransparentBg: COLOR_WHITE;
mediaviewTransparentFg: #cccccc;
notificationBg: COLOR_DARK;                    // Notification background
